@layout("/common/_container.html"){
<link rel="stylesheet" href="${ctxPath}/static/layui/css/layui.css" media="all">
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>用户管理</h5>
            </div>
            <div class="ibox-content">
                <div class="row row-lg">
                    <div class="col-sm-12">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="layui-inline" style="margin-top: 10px;">
                                    <label class="layui-form-label"
                                           style="margin-right: 20px;
                                           height: 35px;">用户名:</label>
                                    <div class="layui-input-inline">
                                        <input type="text" class="layui-input" id="userName">
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <label class="layui-form-label"
                                           style="margin-right: 20px;
                                           height: 35px;width: 100px;">注册日期:</label>
                                    <div class="layui-input-inline">
                                        <input type="text" class="layui-input" id="beginTime" placeholder="开始时间">
                                    </div>
                                </div>

                                <div class="layui-inline">
                                    <label class="layui-form-label">-</label>
                                    <div class="layui-input-inline">
                                        <input type="text" class="layui-input" id="endTime" placeholder="结束时间">
                                    </div>
                                </div>

                                <div class="layui-inline"  style="align-items: center">
                                    <label class="layui-form-label"
                                           style="margin-right: 20px;
                                           margin-left: 20px;width: 100px;">套餐名称</label>
                                    <select id="packageName" class="layui-select">
                                        <option value="">选择套餐</option>
                                    </select>
                                </div>

                                <div class="layui-inline"  style="align-items: center">
                                    <label class="layui-form-label"
                                           style="margin-right: 20px;
                                           margin-left: 20px;width: 100px;">是否购买</label>
                                    <select id="buyCondition" class="layui-select">
                                        <option value="">选择购买条件</option>
                                        <option value="1">未购买</option>
                                        <option value="2">已购买</option>
                                    </select>
                                </div>

                                <div class="layui-inline" style="margin-left: 20px;">
                                    <button class="layui-btn-lg layui-bg-green"
                                            onclick="VpnUserInfo.search()">搜索</button>
                                </div>
                                <a style="margin-left: 20px;"
                                   onclick="VpnUserInfo.exportExcl()">导出excel</a>
                            </div>
                        </div>
                        <br/>
                        <div class="col-sm-12">
                            <div class="hidden-xs" id="VpnServerTableToolbar" role="group">
                                @if(shiro.hasPermission("/vpnUserInfo/add")){
                                <#button name="重置密码" icon="fa-edit"
                                clickFun="VpnUserInfo.resetPwd()" space="true"/>
                                <#button name="用户禁用" icon="fa-edit"
                                clickFun="VpnUserInfo.disableUser()" space="true"/>
                                @}
                                @if(shiro.hasPermission("/vpnUserInfo/addvip")){
                                <#button name="手动添加VIP套餐" icon="fa-edit"
                                clickFun="VpnUserInfo.addVipPackage()" space="true"/>
                                @}
                            </div>
                        </div>
                        <table class="layui-table-body"
                               id="table" layout-filter="info2" style="margin-top: 30px;"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/layui/layui.js" charset="utf-8"></script>
<script src="${ctxPath}/static/modular/vpnuserinfo/vpnUserInfo/vpnUserInfo.js"></script>
<script>
    laydate.render({
        elem: '#beginTime'
    });
    laydate.render({
        elem: '#endTime'
    });
</script>
@}
